<template>
	<view class="order">
		<view>
			<view class="ordrNum" v-for="(item, index) in all" :key="index" >
				<view class="top">
					<text class="text">订单号：{{ item.number }}</text>
					<text class="text1">{{ item.status }}</text>
				</view>
				<view class="henxian"></view>
				<view class="theFollowing">
					<view class="info"><image :src="item.picture" mode="aspectFill"></image></view>
					<view class="info1">
						<view class="list">{{ item.name }}</view>
						<view class="list1">
							<text v-if="item.plate">{{ item.plate | hide }}</text>
							<text>{{ item.name }}</text>
						</view>
						<view class="list2">{{ item.stare_time }} {{ item.day == '共0天' ? '共1天' : item.day }}</view>
						<view class="list3">
							<text class="text">{{ item.status }}</text>
							<text class="text1">￥ {{ item.deposit }}</text>
						</view>
					</view>
				</view>
			</view>
			<u-back-top :scroll-top="scrollTop" z-index="999999"></u-back-top>
			<u-empty text="订单为空" mode="order" v-if="all.length == 0"></u-empty>
			
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			scrollTop: 0,
			uid: '',
			id: '',
			page: 1,
			limit: 10,
			current: 0,
			all: [],
			
		};
	},
	onShow() {},
	onLoad(e) {
		e && (this.id = e.id);
		this.getOrdrLst();
	},
	onPageScroll(e) {
		this.scrollTop = e.scrollTop;
	},
	methods: {
		async getOrdrLst(i) {
			const res = await this.$u.post('api/user/user_list_team', {
				uid: this.id,
			});
			this.all = res.data
			console.log('res :>> ', res);
		},
	},
	// onReachBottom(e) {
	// 	if (this.status == 'nomore') return;
	// 	this.status = 'loading';
	// 	var list = [-1, 1, 9];
	// 	this.getOrdrLst(list[this.current]);
	// },
};
</script>

<style lang="scss" scoped>
.order {
	width: 100vw;
	height: 100%;
	/deep/.u-empty {
		margin-top: 30vh !important;
	}
	background-color: #1b1b1b;
	/deep/ .u-subsection {
		width: 640rpx;
		margin: 0 auto;
	}
	/deep/.u-item-bg {
		width: 100%;
		height: 6rpx !important;
		background: #7d0c0c !important;
		border-radius: 3rpx !important;
	}
	/deep/.u-item {
		width: 107rpx !important;
	}
	.ordrNum {
		width: 710rpx;
		height: 331rpx;
		background: #2a2929;
		border-radius: 15rpx;
		margin: 0 auto;
		margin-top: 37rpx;
		padding: 28rpx 32rpx;
		.top {
			display: flex;
			justify-content: space-between;
			.text {
				height: 23rpx;
				line-height: 23rpx;
				font-size: 24rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #737373;
			}
			.text1 {
				height: 23rpx;
				line-height: 23rpx;
				font-size: 24rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #d60000;
			}
		}
		.henxian {
			width: 654rpx;

			border: 1rpx solid #737373;
			margin-top: 31rpx;
		}
		.theFollowing {
			padding-top: 28rpx;
			display: flex;
			.info {
				width: 184rpx;
				height: 192rpx;
				image {
					width: 100%;
					height: 100%;
				}
			}
			.info1 {
				margin-left: 33rpx;
			}
			.list {
				height: 38rpx;
				line-height: 38rpx;
				font-size: 38rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #fdfdfd;
			}
			.list1 {
				margin-top: 19rpx;
				text {
					display: inline-block;
					padding: 4rpx 17rpx;
					//line-height: 31rpx;
					text-align: center;
					background: #dcdcdc;
					border-radius: 16rpx;
					margin-right: 10rpx;

					font-size: 22rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #1e2024;
				}
			}
			.list2 {
				margin-top: 20rpx;

				font-size: 24rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #dcdcdc;
			}
			.list3 {
				margin-top: 10rpx;
				.text {
					font-size: 24rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #dcdcdc;
				}
				.text1 {
					margin-left: 30rpx;
					font-size: 30rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #d60000;
				}
			}
		}
	}
}
</style>
